// 跳转到注册链接
const registerA = document.querySelector('.register-a')
// 跳转到登录链接
const loginA = document.querySelector('.login-a')
// 注册盒子
const register = document.querySelector('.register')
// 登录盒子
const login = document.querySelector('.login')


// 给注册链接添加点击事件
registerA.addEventListener('click', function () {
  // 注册盒子隐藏
  register.style.display = 'none'
  // 登录盒子显示
  login.style.display = 'block'

})
// 给登录链接添加点击事件
loginA.addEventListener('click', function () {
  // 登录盒子隐藏
  login.style.display = 'none'
  // 注册盒子显示
  register.style.display = 'block'
})

// 给注册盒子添加表单提交事件
register.addEventListener('submit', async function (e) {
  e.preventDefault()//阻止默认跳转
  // 获取注册框里面的用户名和密码
  const username = register.querySelector('input[name="username"]').value.trim()
  const password = register.querySelector('input[name="password"]').value.trim()

  // 判断用户是否输入用户名和密码框 
  if (!username || !password) {
    toastr.error("您输入不合格，请检查重新输入！", "警告")

    return
  }

  // 用axios 来提交表单信息
  const result = await axios({
    url: '/api/register',
    method: 'post',
    data: {
      username,
      password
    }
  })

  // 判断是否注册成功
  if (result.data.code === 0) {
    toastr.success("注册成功！", "成功")
    // 成功后1.5秒 自行发生点击事件跳转登录页和自动填写用户名
    setTimeout(() => {
      registerA.click()

      login.querySelector('input[name="username"]').value = username
    }, 1500)
  }
})

// 给登录盒子添加表单提交事件
login.addEventListener('submit', async function (e) {
  e.preventDefault()//阻止默认跳转

  // 获取登录框里面的用户名和密码
  const username = login.querySelector('input[name="username"]').value.trim()
  const password = login.querySelector('input[name="password"]').value.trim()
  // 用axios 来提交表单信息
  const result = await axios({
    url: '/api/login',
    method: 'post',
    data: {
      username,
      password
    }
  })

  // 判断是否登录成功
  if (result.data.code === 0) {
    toastr.success("登录成功！", "成功")

    localStorage.setItem("token1", result.data.token)

    setTimeout(() => {
      // 成功 --> 跳转到index 页面
      location.href = './index.html'
    }, 1500)

  }
})